import React from 'react';
import {BottomSheetBackdrop} from '@gorhom/bottom-sheet';
import {BottomSheetDefaultBackdropProps} from '@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackdrop/types';

const CustomBottomSheetBackdrop: React.FC<
  BottomSheetDefaultBackdropProps
> = props => {
  return (
    <BottomSheetBackdrop {...props} disappearsOnIndex={-1} appearsOnIndex={0} />
  );
};

export default React.memo(CustomBottomSheetBackdrop);
